<template>
  <div>
    <div class="yh">
      <div class="tx">
        <img
          src="//yanxuan.nosdn.127.net/8945ae63d940cc42406c3f67019c5cb6.png"
          alt=""
        />
        <div>
          <p>用户3232121</p>
          <span>普通用户</span>
        </div>
      </div>
      <div class="ewm">
        <div class="m"></div>
      </div>
    </div>

    <allcom></allcom>
  </div>
</template>

<script>
import allcom from "../../LINK/AllCom.vue";
export default {
  components: {
    allcom,
  },
};
</script>

<style scoped>
.yh {
  height: 8.4375rem;
  background: url(//yanxuan.nosdn.127.net/5905098f74e04c39fa5e76ebb9ff591b.png);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tx img {
  width: 4.4375rem;
  height: 4.4375rem;
  border-radius: 50%;
}
.tx span {
  font-size: 0.8125rem;
}
.tx {
  display: flex;
  color: #fff;
}
.ewm .m {
  width: 2.78rem;
  height: 3.21rem;
  background-image: url(//yanxuan-static.nosdn.127.net/hxm/yanxuan-mall-wap/assets/img/ucenter-11eb865ad061b2dd08d2ec54d87461d6.png);
  vertical-align: middle;
  background-position: -0.375rem -0.375rem;
  background-size: 17.21rem 13.78rem;
}
</style>